.index-bg {
	width: 1280px;
	height: 720px;
	background: url(../images/bg.png) no-repeat left top;
}

.index-bg>div>img {
	height: 100%;
	width: 100%;
}

.index-bg>div {
	position: absolute;
	width: 195px;
	height: 180px;
	box-sizing: border-box;
}

.index-bg>div:first-child {
	
	transform: scale(1.0);
	top: 132px;
	left: 80px;
	width: 514px;
	border-radius:0px ;
	height: 289px;
}

.index-bg>div:nth-child(2) {
	top: 132px;
	left: 606px;
	width: 192px;
	height: 289px;
}

.index-bg>div:nth-child(3) {
	top: 132px;
	left: 810px;
	width: 192px;
	height: 289px;
}

.index-bg>div:nth-child(4) {
	top: 132px;
	left: 1014px;
	width: 192px;
	height: 289px;
}





.index-bg>div:nth-child(5) {
	top: 437px;
	left: 80px;
}

.index-bg>div:nth-child(6) {
	top: 437px;
	left: 291px;
}

.index-bg>div:nth-child(7) {
	top: 437px;
	left: 501px;
}

.index-bg>div:nth-child(8) {
    top: 437px;
    left: 712px;
}

.index-bg>div:nth-child(9) {
    top: 437px;
    left: 922px;
    height: 180px;
    width: 278px;
}



.model,img{
	box-sizing: border-box;
	border: 1px solid transparent;
	
	transition: all .3s;
}

.active {
	border: 1px solid white;
	border-radius: 8px;
	box-shadow: 0 0 20px 5px white;
}

.active img{
	width: 105% !important;
	height: 105% !important;
	margin-top: -2.5%;
	margin-left: -2.5%;
	border-radius:10px ;
	border: 3px solid white;
	box-shadow:0px 0px 10px 5px white ;
}
